/* CSS Document */
/*#region 重置元素*/
*:focus {outline: none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, input, textarea, th, td{
padding: 0;
margin:0;
}
@font-face {
font-family: "SourceHanSansCN-Normal";
src: url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"),
url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"),
url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"),
url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg"),
url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype");
font-weight: normal;
font-style: normal;
}
body{font:1em/1.3 "SourceHanSansCN-Normal", sans-serif;   -webkit-text-size-adjust: 100% !important; }
@font-face {
    font-family: "Montserrat-Medium";
    src: url("../font/Montserrat-Medium.woff2") format("woff2"),
    url("../font/Montserrat-Medium.woff") format("woff"),
    url("../font/Montserrat-Medium.ttf") format("truetype"),
    url("../font/Montserrat-Medium.eot") format("embedded-opentype"),
    url("../font/Montserrat-Medium.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
.mont{font-family: "Montserrat-Medium";}

p,h1,h2,h3,h4,h5,img,button,dl,dt,dd,span {transition: all .5s;}
img{max-width:100%;}
button, input, select, textarea,h1, h2, h3, h4, h5, h6{font-size:1em;line-height:1.3;font-family: "SourceHanSansCN-Normal";}
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp {font-family: courier new, courier, monospace; }
small { font-size:  0.75em; }
ul, ol { list-style: none; margin:0;}
body,legend { color:#262626;}
a{color:inherit;color:#262626;text-decoration: none;transition: .5s;  }
a:hover  {color:#0173cd;    text-decoration: none; }
a:active{color:inherit;}
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom;}

fieldset, img { border: 0; }
button, input, select, textarea { }
table { border-collapse: collapse; border-spacing: 0; width:100%;word-break: break-all;}
table th {font-weight:normal;}
table th,table td {font-weight:normal;text-align:center;}
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio, video {display: block;margin: 0;padding: 0;}
img{vertical-align:middle;}
::-moz-placeholder { color:#000; }
input:-webkit-input-placeholder { color:#000; }
input:-moz-placeholder { color:#000; }
/*#endregion*/
/*#region 清除浮动*/
.clearfix:after{content: '\20';display: block;height: 0;clear: both;}
.clearfix { *zoom:1;}
/*#endregion */



button:disabled,.disabled{opacity:0.5;cursor:default;}
.hi{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.css3,.about_1 ul li a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{width:100%; overflow:hidden; margin:0; padding:0;}
.cssimg,.cssimgp img,.index_4_3_left_1_bg,.pro_1_mid_mid_left_bg,.ser_2_mid_pic_bg,.ser_1_right_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
@media screen and (min-width:768px) {
.cssimg:hover,.cssimgp:hover img,.index_4_3_left:hover .index_4_3_left_1_bg,.pro_1_mid ul li:hover .pro_1_mid_mid_left_bg,.ser_2_mid ul li:hover .ser_2_mid_pic_bg,.ser_1_right:hover .ser_1_right_bg{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}
}
.daxie{text-transform: uppercase;}

/* 手机导航 */
.navsjout{ width: 100%; opacity: 0; overflow: auto; position: fixed; top:50px; bottom: 0; left:-100%; z-index: 55;	-moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s;	-o-transition: 0.4s; transition: 0.4s; background-color: #333;}
.navsjout.on{ opacity: 1; left:0;}

.navsj{ width: 100%; -webkit-overflow-scrolling : touch; background-color: #333;	position: absolute; top:0px; left:0;}
.navsj>li{ position: relative;}
.navsj>li>a{ display: block; height: 80px; text-align: center; line-height: 80px; 	font-size: 18px; color: #fff; position: relative;}
.navsj>li>a:after{ content: ''; position: absolute; left: 30px; right:30px; bottom:0; z-index: 0;	height: 1px; background-color: #666;}
.navsjtwo{ width: 100%; overflow: hidden; display: none; padding: 10px 0; background-color: #f1f1f1;}
.navsjtwo>li{ width: 100%; border-bottom: 1px solid #fff;}
.navsjtwo>li>a{ display: block; line-height: 70px; font-size: 16px; color: #432a23;	position: relative; z-index: 1; background-color: #ada; text-align: center;	background: url('../images/nav-jtr1.png') 80% center no-repeat;}
.navsj li i{ position: absolute; right: 13%; top:0; z-index: 1; width: 80px; height: 80px;	display: block; cursor: pointer; background: url('../images/nav-jtd1.png') center no-repeat;}
.navsj li.on i{-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); 	-ms-transform: rotate(180deg); transform: rotate(180deg);}
.navsj,.navsj li i{ -moz-transition: 0.3s; -ms-transition: 0.3s;	-webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
#close { position: fixed; left: 0; top: 0; width: 100%;bottom: 0; z-index: 9; display: none; 	background-color: rgba(0,0,0,0.6); cursor: pointer;}
.navbtn{position: absolute; right:0; top:0; z-index: 20; width: 100px; height: 100%; display: none;	-moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s;	-o-transition: 0.4s; transition: 0.4s;}
.navbtn s{ position: absolute; left: 25%; display: block; width: 50%; height:3%; background-color: #000;	-moz-transition: 0.3s; -ms-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;}
.navbtn>s:nth-child(1){top: 32%;}
.navbtn>s:nth-child(2){top: 48%; width: 40%; transform: rotate(0deg) scale(1,1);}
.navbtn>s:nth-child(3){top: 64%;}
.navbtn.on s:nth-child(1){ top:48%; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);}
.navbtn.on s:nth-child(2) { transform: rotate(-180deg) scale(0,1);}
.navbtn.on s:nth-child(3) { top:48%; -webkit-transform: rotate(225deg); transform: rotate(225deg);}
@media screen and (min-width:1024px){
    .navsjout{ display: none;}
}
@media screen and (max-width:1023px){
    .nav{ display: none;}
    .navbtn{ display: block;}
    .navsjout{ display: block;}
    .headright{ right: 100px;}
}
@media screen and (max-width:750px){
    .navbtn{ width:50px; right: 0;}
    .headright{ right: 65px;}
}


/*********index**************/
.indexpro_act_mid{position:relative}
.indexpro_act_mid:after{ display: block; width: 100%; height: 100%; background: url(../images/index/img27.png) no-repeat; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; content:''; position:absolute; left:0; top:-10px; background-position:center }

@keyframes mouse-dot {
from { opacity: 1; }
33% { opacity: 1; }
to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 1; }
}

@-webkit-keyframes mouse-dot {
from { opacity: 1; }
33% { opacity: 1; }
to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 1; }
}

@media screen and (max-width:1280px){
    .header_mid_right{display: none}
}
@media screen and (max-width:1023px){
    .menu-toggler{display: block}
}



/*首页pro*/
.index-pro .l-container {width: 85%;;margin: auto;position: relative;z-index: 2;}
.index-pro{    width: 100%; background: url(../images/probg.jpg) repeat center top; padding: 5% 0 3% 0; position: relative; overflow: hidden;background-attachment: fixed; background-size: cover;}
.pro-top{width: 100%; margin: 0 auto 4% auto;display: flex; display:-webkit-flex;  -webkit-justify-content: space-between;   justify-content: space-between;}
.pro-top .index-title h3{font-size: 46px; }
.pro-top .index-title h4{color: #bdbcbc;font-size: 46px;text-transform: uppercase;}
.pro-top .index-title h4 span{color: #155bc4; }
.pro-top .index-pro-r{}

@media screen and (max-width:1280px){
    .index-pro .l-container {width: 90%;}
}

@media screen and (max-width:1024px){
    .pro-top{margin: 0 auto}
    .pro-top .index-title h3{font-size: 36px; }
    .pro-top .index-title h4{font-size: 20px; margin-bottom: 20px}
}


/*公司简介*/
.about{width:100%; margin:0px auto; position: relative; overflow: hidden; padding: 4% 0; background: url('../images/aboutbg.jpg') no-repeat center top;background-attachment: fixed; background-size: cover; }
.about h2{-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: -webkit-linear-gradient(left,#192272, #0b78c9); text-align: center}
.about h2 em{display: block;text-transform: uppercase;}
.about .l-container{display: flex; display:-webkit-flex;  -webkit-justify-content: space-between;   justify-content: space-between; margin-top: 4%}
.about .about_l{width: 45%}
.about .about_l img{width: 100%}
.about .about_r{width: 50%}
.about .about_r h3{-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: -webkit-linear-gradient(left,#192272, #0b78c9); }

.lmore{ overflow:hidden; position:relative;display:inline-block;  font-family:Arial, Helvetica, sans-serif; width:200px; text-align:center; line-height:55px;color:#fff;border-radius:40px; background: #0376cf}
.lmore span{ color:#fff;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size:14px; position:relative; display:inline-block; position:relative; letter-spacing:.3em;}
.lmore:before{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:''; position:absolute; left:0; top:0; width:0; height:100%; background-color:#fff;}
.lmore:hover:before{width:100%;}
.lmore:hover span{color:#fff}
.lmore_black:before{background-color:#efa82c;}

.index_about_box{ overflow:hidden; width:90%; z-index:999; margin:3% auto 0 auto;display: flex; display:-webkit-flex;  -webkit-justify-content: space-between;   justify-content: space-between; }
.index_about_box dl{text-align:center; border-right:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); padding: 0 4%; width:25%;display: flex; display:-webkit-flex;  -webkit-justify-content: space-between;   justify-content: space-between;}
.index_about_box dl:nth-child(1){ padding-left: 0}
.index_about_box dl:nth-child(4){border-right:none; padding-right: 0}
.index_about_box dl dt{width: 30%;}
.index_about_box dl dt em{display:block;width:70px;height:70px;margin:0 auto 24px;text-align:center;line-height:2.5em;font-size:65px;font-style:normal; margin-top:35px;color:#fff;}
.index_about_box dl dd{width: 67%;}
.index_about_box dl dd h3{font-size: 20px;text-align: left; font-weight: bold;}
.index_about_box dl dd h3 span{font-family: neutra_text_tf; font-size: 72px; color: #0376cf;}
.index_about_box dl dd p{font-size: 16px;text-align: left;width: 100%;overflow: hidden;}
#ys1{background:url(../images/com_1.png) center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;}
#ys2{background:url(../images/com_2.png) center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;}
#ys3{background:url(../images/com_3.png) center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;}
#ys4{background:url(../images/com_4.png) center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;}

@media screen and (max-width:1440px){
    .index_about_box dl dd h3 span{font-size: 56px}
}
@media screen and (max-width:1280px){
    .index_about_box dl dt em{margin-top: 18px}
    .index_about_box dl dd h3 span{font-size: 46px}
}

@media screen and (max-width:1023px) {
    .about .l-container{display: block}
    .about .about_l{width: 100%}
    .about .about_r{width: 100%}
    .index_about_box{display: none}
}

.index-application{width:100%; margin:0px auto; position: relative; overflow: hidden; padding: 4% 0; background: url('../images/cf.jpg') no-repeat center top;background-attachment: fixed; background-size: cover;}

.index-cf{width:100%; margin:0px auto; position: relative; overflow: hidden; padding: 4% 0; background: url('../images/adv.jpg') no-repeat center top;}
.index-cf .index-title{color: #333}
.index-cf .index-title h4 span{color: #c5c5c8}
.index-cf .index-pro-banner .bd li{width: 35%}

/*首页产品分类*/
.l-fullpage {min-height:100vh;display: flex;align-items: center;}
@media screen and (max-width:1280px){
    .l-fullpage {min-height:60vh;}
}
.view-more {display: flex;align-items: center;justify-content: center;width:80px;height: 80px; ;border-radius: 50%;background-color:#ff820c;color: #fff;transform: rotate(-45deg);}
.view-more>* {width: 20px;overflow: hidden;}
.cls-1 {fill: currentColor;}
.index-pro .name {font-weight: bold}


.sw22out {position: relative;margin-top: 84px;}
#sw22 {}
#sw22 .swiper-slide {width: 390px;}
#sw22 .swiper-slide a {display: block;width: 100%;}
#sw22 .swiper-slide .pic {width: 100%;font-size: 0;text-align: center;}
#sw22 .swiper-slide img {width: 100%;-webkit-transform: scale(0.8);        transform: scale(0.8);-webkit-transition: 0.4s;transition: 0.4s;}
#sw22 .swiper-slide-active img {-webkit-transform: scale(1);        transform: scale(1);}

@media screen and (max-width:1440px) {
    #sw22 .swiper-slide {width: 250px;}
}
@media screen and (max-width:1023px) {
    #sw22 .swiper-slide {width: 300px;}
}

@media screen and (max-width: 750px) {
    .sw22out {  padding: 0 30px;  margin-top: 26px;}
}


.partner ul{width: 100%; margin: 0 auto;display: flex; display:-webkit-flex;-webkit-justify-content: center;   justify-content:center; flex-wrap: wrap;border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);background: #fff;}
.partner li{ padding: 20px 0; width: 16%; border-right:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);transition: .5s; }
.partner li:nth-child(6n){border-right:none}
.partner li:nth-child(7){border-bottom:none}
.partner li:nth-child(8){border-bottom:none}
.partner li:nth-child(9){border-bottom:none}
.partner li:nth-child(10){border-bottom:none}
.partner li:nth-child(11){border-bottom:none}

.partner li img{width: 80%; display: block; margin: 0 auto;}
.partner li:hover{box-shadow: 2px 0px 16px rgb(0 0 0 / 20%);-webkit-box-shadow: 2px 0px 16px rgb(0 0 0 / 20%);}

@media screen and (max-width:1650px){

}

@media screen and (max-width:1440px){

}
@media screen and (max-width:1280px){
    .index_4_1_mid_2_2{font-size:18px;}
}
@media screen and (max-width:790px){
    .partner ul{width: 95%;}
}




.l-attachment {background-attachment: fixed;}
.about-contact-item{margin:var(--size-20-) 0 0 var(--size-70-);}
.about-contact-item>*{padding-left: var(--size-70); margin-top: var(--size-20);}
.about-contact-item>*>*{display: flex; align-items: center; background:rgba(255,255,255,0.7) ;border-radius: var(--size-20); aspect-ratio: 486/212; padding: var(--size-40);}
.about-contact-item>* i{display: flex; align-items: center; justify-content: center; width: var(--size-50); height: var(--size-50); border-radius: 50%;  color: var(--color-dominant);background: #fff}
.about-contact-item>* .text{padding-left: var(--size-30); width: calc(100% - var(--size-50));}
.about-contact-item>* .cont{margin-top: var(--size-20);font-size: 21px}
.about-contact-item>* .cont>*{margin-top: var(--size-10);}


@media screen and (max-width:1650px){

}

@media screen and (max-width:1440px){
    .about-contact-item>* .cont{font-size:18px}
}

@media screen and (max-width:1024px){
    .about-contact .l-grid-3>*{width: 100%!important}
    .about-contact-item>*>*{width: 100%; height: 90px}
}

/*************footer******************/
.footer22{display: none;}
.footer2{display: none;}
/* 底部 */

.footer{background: url(../images/img-footer.jpg) no-repeat; background-position: center center; background-size: cover;  color: #FFFFFF; padding-top: 0.7rem;  overflow: hidden;}
.footer-content-top{display: flex; justify-content: space-between;;width: 85%; margin: 4% auto;}
.footer-left{padding-left: 1rem; padding-right: 1rem; width: 68%; }
.footer-left-top{border-bottom:0.01rem solid rgba(255,255,255,0.1) ; display: flex; align-items: center; padding-bottom: 2vw;-webkit-justify-content: space-between;   justify-content: space-between;}
.footer-left-top img{ width: 190px; margin-right: 1.08rem;}
.footer-link{ display: flex; justify-content: space-between; width: 60%; padding-right: 5%}
.footer-link a{ color: #FFFFFF;font-size:16px;font-weight: 500; line-height: 36px; transition: all .3s ease;}
.footer-link a:hover{color: rgba(255,255,255,0.7);}
.footer-left-bottom{display: flex; display:-webkit-flex;-webkit-justify-content: left;   justify-content: left; margin-top: 4%; }
.footer-code{ width: 27%;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;}
.footer-code div{padding: 15px; border: 1px solid rgba(255,255,255,0.2);width: 135px; height: 135px}
.footer-code div img{width: 100%;}

.footer-info{color: #FFFFFF; width: 50%;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between; margin-left: 5%}
.footer-info div img{width: 0.5rem; }
.footer-tel{margin-right: 25px; }
.footer-tel i,.footer-email i{width: 35px; height: 35px;border:2px solid transparent; border-color: rgba(151, 151, 151, 0.3);border-radius:50%; padding: 10px; font-size: 30px}
.footer-info .footer-p1{font-size:  16px;font-weight: 500;line-height: 22px; margin-top:24px;}
.footer-info .footer-p2{font-size:26px;font-weight: 500;line-height: 41px;}
.footer-info .footer-p3{font-size: 14px;font-weight: 400;line-height:28px; }
.footer-right{padding-right: 1rem;  padding-left: 4%; border-left: 0.01rem solid rgba(255,255,255,0.2); width: 29%}
.footer-right p{font-size: 18px;font-weight: 400;color: #FFFFFF;line-height: 31px; margin-bottom: 25px}
.footer-right h3{display: none}
.footer-right .information-submit .more i{display: none}
.footer-form input,.footer-form textarea{  background: #fff;opacity: 0.5;  padding-left:15px;border-radius: 2px; }
.footer-form input{ height: 48px;margin-bottom: 10px;float: left;}
.footer-form input:nth-child(1){margin-right:20px;}
.footer-form textarea{height: 156px; width: 100%; margin-top: 0.2rem; padding-top: 0.15rem;}
.footer-form input::-webkit-input-placeholder,.footer-form textarea::-webkit-input-placeholder {color: #BDC2CE;}
.footer-form input:-moz-placeholder ,.footer-form textarea::-webkit-input-placeholder {/* FF 4-18 */color: #BDC2CE;}
.footer-form input::-moz-placeholder ,.footer-form textarea::-webkit-input-placeholder {/* FF 19+ */color: #BDC2CE;}
.footer-form input:-ms-input-placeholder,.footer-form textarea::-webkit-input-placeholder  {/* IE 10+ */color: #BDC2CE;}
.footer-form button{ height: 50px; line-height: 50px; color: #ffffff;font-size: 14px;font-weight: 400; width: 30%;  margin-top: 0.2rem; background: #ff820c; transition: all .3s ease; border-radius: 2px; border: none}
.footer-form button:hover{background: #fff; color: #073763;}
.footer-copyright{border-top:1px solid rgba(255,255,255,0.1) ; margin-top: 0.7rem; padding: 0.5% 3%; display: flex;justify-content: space-between;}
.footer-copyright-right{display: flex; align-items: center; justify-content: flex-end;}
.footer-copyright-right p,.footer-copyright-left p{font-size: 16px; font-weight: 400;color: #fff;line-height: 0.2rem;}
.footer-copyright-right p a{color: #fff;}
.footer-copyright-left p{}
.footer-copyright-left p img{width:100%;  display: inline-block;}
.footer-copyright-left p a {color: #fff; transition: all .3s ease;}
.footer-copyright-left p  span{padding-left: 0.25rem; padding-right: 0.5rem;  border-left: 1px solid rgba(255,255,255,0.1);}
.footer-copyright-left p a:hover{color: #073763;}
.footer-about{position: fixed;z-index: 5; width: 100%; bottom: 0; left: 0; height: 6rem;}


@media screen and (max-width:1440px){
    .footer .footer_box{width: 90%;}
    .footer-left-top img{ width: 280px; }
    .footer-code div{width: 110px; height: 110px}
    .footer-info{width: 60%}
    .footer-info .footer-p2{font-size: 20px}
    .footer_pro li{font-size: 15px;line-height: 40px;}
    .footer_contact p{font-size: 15px;line-height: 30px;}
    .footer_ewm {width: 15%;}
}

@media screen and (max-width:1280px){
    .footer_logo{display: none;}
    .footer_pro {width: 36%;}
    .footer_contact {width: 26%;}
    .footer_ewm {width: 22%;}
}


@media screen and (max-width:1023px){
    .footer{display: none;}
    .footer22{ width: 75px; height: 75px; line-height: 75px ; display: block;	position: fixed; z-index: 8; bottom:20%; right:0px; background: #0376cf;border-radius: 50%}
    .footer22 a{ display: block; text-align: center; color: #fff; }
    .footer22 a .pic{ height: 35px; line-height: 35px; padding-top: 3px;}
    .footer22 a img{ max-height: 30px; width: auto; height: auto;position: relative;}
    .footer22 h3{ line-height: 27px;font-size: 15px; font-weight: normal;}
}
@media screen and (max-width:750px){
    .footerin{ padding: 16px 0 16px;}
}


/*******service*********/
.neibanner2 {width: 100%;height: 250px;position: relative; background: #000}
.neibanner2 img.neibannerimg {width: 100%;height: 100%;object-fit: cover; position: absolute; opacity: 0.5}

.baninfo {height: 70px;position: relative;z-index: 2;background-color: #f1f1f1;}
.baninfo .cer8 {width: 85%; margin: 0 auto}
.tree {height: 100%;font-size:16px;line-height: 70px;color: #666;padding-left: 30px;background: url('../images/point1.png') 0 no-repeat;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.tree a {display: inline-block;height: 100%;color: #666;vertical-align: middle;}
.tree a:hover,.tree a.leaf {color: #ef7c00;}
.tree i {display: inline-block;width: 28px;height: 100%;vertical-align: middle;text-align: center;}

.fenye{width: 80%; margin: 0 auto 5% auto;display: flex; display:-webkit-flex;-webkit-justify-content:center;   justify-content: center; align-items: center;-webkit-align-items: center; height: 45px;}
.fenye_zong{ font-size: 14px; width: 130px; background: #f2f2f2; text-align: center;  line-height: 35px;}

@media screen and (max-width:1023px) {
    .fenye{width: 95%; margin: 0 auto 100px auto}
    .baninfo .cer8 {width: 95%; margin: 0 auto}
    .baninfo {height: 50px;}
    .tree {line-height: 50px;}
}

.atc-pn {position: relative;padding-top: 26px;padding-right: 160px;border-top: 1px solid #ddd;}
.atc-pn a {display: block;overflow: hidden;font-size: 14px;color: #666;line-height: 34px;margin-top: 10px;}
.atc-pn a:hover {color: #0181e0;}
.atc-pn a label {display: inline-block;border: 1px solid #ccc;width: 98px;height: 32px;text-align: center;font-size: 14px;line-height: 32px;margin-right: 15px;-webkit-transition: 0.3s;transition: 0.3s;}
.atc-pn a:hover label {border-color: #060707;}
.atc-pn a.ret {font-size: 14px;color: #fff;line-height: 34px;text-align: center;background-color: #082b4a;width: 110px;height: 34px;position: absolute;right: 0;bottom: 0;z-index: 1;margin-top: 0;}
.atc-pn a.ret:hover {opacity: 0.8;}
@media screen and (max-width: 960px) {
    .atc-pn {padding-right: 0;}
    .atc-pn a.ret {position: static;width: 150px;height: 50px;line-height: 50px;border-radius: 5px;display: block;margin: 40px auto 100px auto;font-size:15px;}
}

/*内页公司简介*/
.index-about-text p{text-indent:2em; margin-bottom: 15px; }
/*内页产品展示*/
.prolist_bot { width: 100%; margin: 0% auto; padding: 4% 0;}
.prolist_bot ul{display: flex; display:-webkit-flex;-webkit-justify-content: left;   justify-content:  left;width: 85%; margin:2% auto;flex-wrap: wrap;}
.prolist_bot ul li {width: 23%;height: auto;margin-right: 2%;margin-bottom: 25px;transition: all .5s;;border:1px solid transparent; border-color: rgba(151, 151, 151, 0.2); padding: 20px 20px 0 20px;}
.prolist_bot ul li:nth-child(4n) {margin-right: 0px;}
.prolist_bot ul li a {display: block;width: 100%;height: 100%;}
.prolist_bot ul li a .prolist_liimg {width: 100%;border-radius: 6px;overflow: hidden;transition: .5s; }
.prolist_bot ul li a .prolist_liimg img {width: 100%;height: 100%;object-fit: cover;}
.prolist_bot ul li:hover .prolist_liimg img {transform: scale(1.1);}
.prolist_lititle {height: 90px;width: 100%;background-color: #fff;display: flex; align-items: center;-webkit-align-items: center; justify-content:center}
.prolist_lititle h3 {font-size: 18px;color: #666666;font-weight: bold }
.prolist_bot ul li:hover {box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);}

@media screen and (max-width:1023px) {
    .prolist_bot ul{width: 95%;}
    .prolist_bot ul li{width: 49%; margin-right: 1%; margin-bottom: 10px}
    .prolist_bot ul li:nth-child(2n) {margin-right: 0px;}
    .prolist_lititle {height:70px;}
    .prolist_lititle h3 {font-size: 16px;}
}


.se_pro{width: 85%; margin: 3% auto;}
.se_pro ul {-webkit-justify-content: left;   justify-content: left;display: flex; display:-webkit-flex;flex-wrap: wrap;}
.se_pro ul li {transition: all .3s ease;width: 31%; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); margin: 0 1% 2% 1%;}
.se_pro ul li .pro_pic img {width: 100%;}
.se_pro ul li .pro_pic i {display: none;}
.se_pro ul li .pro_tit {font-size: 18px;color: #282727;line-height:70px;display: block;text-align: center;background: #f2f2f2;}
.se_pro ul li .pro_pic {position: relative;display: block;overflow: hidden;}
.se_pro ul li .pro_pic i {display: block;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));transform: skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);}
.se_pro ul li:hover .pro_pic i {transition: all .3s ease;left: 100%}
.se_pro ul li:hover {transition: all .3s ease;transform: translateY(-6px);-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);box-shadow: 0 26px 40px -24px rgba(0,36,100,.5);-webkit-box-shadow: 0 26px 40px -24px rgba(0,36,100,.5);-moz-box-shadow: 0 26px 40px -24px rgba(0,36,100,.5)}

@media screen and (max-width:1280px){
    .se_pro ul li {width: 31%;}
}
@media screen and (max-width:1023px){
    .se_pro{width: 98%;}
    .se_pro .se_pro_tit h3{font-size:26px; }
    .se_pro .se_pro_tit h2{font-size: 16px;}
    .se_pro ul {margin-left: 0;}
    .se_pro ul li {width: 47%;}
    .se_pro ul li .pro_tit{font-size: 15px;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;line-height: 50px;}
}


/*产品详情*/
.se_procont{width: 100%;  background:url(../images/cf.jpg) no-repeat center top;padding: 7% 0 4% 0;background-attachment: fixed; background-size: cover;}
.se_procont .s_width{background: #fff;padding:2% 4% 2% 2%;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;width: 80%; margin: 0 auto;}
.se_procont .se_procont_l{width: 50%;}
.se_procont_r{width: 43%}
.l{float: left;}
.r{float: right;}

#showbigpic{width: 100%;max-width:800px;}
.piclist{width:89%;overflow: hidden; margin:0 auto}
#modal-pic{height:51vh;}
#modal-pic img{width: 100%;}

.modal-dialog{width: 100%;}

.absolute{position:absolute}
.arrow-left{top:5px;left:5px;color:white;cursor: pointer;width:20px;height:100px; background:url(../images/lleft.png) no-repeat center top; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.arrow-right{top:5px;right:5px;color:white;cursor: pointer;width:20px;height:100px; background:url(../images/rright.png) no-repeat center top; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.arrow-left:hover{ background:url(../images/left_h2.png) no-repeat center top;}
.arrow-right:hover{ background:url(../images/right_h2.png) no-repeat center top;}
#mycarousel{transition: all .4s;}
.espcms_pro_photo li{ float:left; width:80px; margin-right:10px; text-indent:0;}
.espcms_pro_photo li img{width:76px;height:auto; background: #fff  }

.se_product_box{width: 85%; margin: 4% auto;}
.se_product_box .se_product_tit{font-size: 30px; font-weight: bold;background: #155bc4;padding: 20px 0px;width:400px; text-align: center; color: #fff; margin-bottom: 4%}
.se_product_box h2{ font-size: 30px;color: #3a4a64;line-height: 40px;margin-bottom: 30px;background: url(../images/new-tag.png) no-repeat left 5px;padding-left: 72px}
.se_product_box .atc-con img{width: 100%; max-width: 800px}

.se_product_bg{margin-top: 3%;}
.biaoge{overflow-x: auto;}
.biaoge td{font-size: 16px;}

table {width: 100%;border-collapse: collapse;}
table td {border: 1px solid #e6e7ea;line-height: 31px; }
.biaoge p{font-size: 15px; line-height: 31px;}

@media screen and (max-width:1023px){
    .biaoge{overflow-x: auto;}
    .biaoge td{padding:5px 5px;white-space: nowrap;}

    table {width: 100%;border-collapse: collapse;}
    table td {border: 1px solid #e6e7ea;padding: 0.5%;line-height: 1.4; font-size: 12px;}
}

.se_product_box h3{text-align: center; font-weight: bold; color: #0094d9; font-size: 48px;}
.se_product_box h3 i{display: inline-block; font-size: 48px; padding-right: 15px}
.se_product_box .content_box{width: 70%; margin: 3% auto}
.se_product_box .content_box p{font-size: 16px; line-height: 36px}
.se_product_box .content_cont{width:90%;margin: 0 auto;box-shadow: 0px -5px 5px 0px rgba(0,0,0,.1);box-sizing: border-box;padding: 0 47px;border-radius: 30px 30px 0 0;
background: #fff;}
.se_product_box .content_cont .top{padding: 33px 0 19px; border-bottom: 1px solid #d7d7d7;text-align: center;}
.se_product_box .content_cont .top .pro-t{position: relative;display: inline-block;font-size: 32px;text-align: center;color: #0094d9;}
.se_product_box .content_cont .top .pro-t:before{position:absolute;bottom: -19px; width: 100%;height: 5px;background: #0094d9; content:"";}
.se_product_box .content_cont ul{padding: 52px 0 38px;display: flex; display:-webkit-flex; -webkit-justify-content: left;   justify-content: left;flex-wrap: wrap;}
.se_product_box .content_cont li{position: relative; width: 18%;height: 52px;float: left;margin: 0 1% 31px; padding: 0 10px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;box-shadow: 0px 5px 5px 0px rgba(0,0,0,.1); background: #f7fcff;overflow: hidden;}
.se_product_box .content_cont li:before{position: absolute;top: 0;left: -100%; width: 100%;height: 100%;background: #00a2e9; content: "";transition: all .5s;}
.se_product_box .content_cont li p{font-size: 16px;line-height: 26px;color: #666;transition: all .5s;z-index: 2;}
.se_product_box .content_cont li:hover:before{left: 0;}
.se_product_box .content_cont li:hover p{color: #fff;}
.se_product_box.gl .sum img{display: block;max-width: 100%;}

@media screen and (min-width: 1025px) {

    .se_procont .se_procont_r h1 {color: #333333;line-height: 1.25; font-size: 40px; font-weight: 800;}
    .se_procont .se_procont_r .aside {margin-top:20px;line-height: 1.25; }
    .se_procont .se_procont_r .aside span{font-size: 16px;}
    .se_procont .se_procont_r .imax {margin:16px 0 20px 0;padding-top: 16px;border-top: #eeeeee solid 1px;color: #666666;font-size: 16px;}
    .se_procont .se_procont_r .imax p{ line-height: 31px;}
    .se_procont .se_procont_r .btns { margin-top: 12%;}
    .se_procont .se_procont_r .btns .btn {z-index: 2;display: inline-block;vertical-align: top;position: relative;overflow: hidden;min-width: 120px;line-height: 45px;padding: 0.1rem 0.2rem;border-radius: 70px;text-align: center;font-size: 16px;border: #e0e0e0 solid 1px;-webkit-transition: all 250ms ease-out 0s;transition: all 250ms ease-out 0s;color: #333333;}
    .se_procont .se_procont_r .btns .btn:after {background-color: #0181e0;opacity: 1;z-index: -1;content: " ";position: absolute;border-radius: 50%;left: 50%;top: 50%;background-color: #fff;width: 108%;padding-bottom: 108%;-webkit-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);pointer-events: none;}

    .se_procont .se_procont_r .btns .btn:nth-child(1n+2) {margin-left: 0.6rem;}
    .se_procont .se_procont_r .btns .btn2 {color: #0181e0;border-color: #0181e0;}
}
@media screen and (min-width: 1025px) {
    .se_procont .se_procont_r .btn1:hover {color: #171c32;}
    .se_procont .se_procont_r .btn2 {color: #0181e0;border-color: #0181e0;}
    .se_procont .se_procont_r .btn2:hover {color: #171c32;}

}
@media screen and (max-width: 1024px) {
    .se_procont .se_procont_r {max-width: 100%;margin-top: 0.7rem;width: 514px;margin-left: auto;margin-right: auto;padding-bottom: 0.4rem;}
    .se_procont .se_procont_r .btns {position: relative;margin-top: 0.6rem;bottom: 0;display: none}
    .se_product_box .content_box{width: 95%; }
    .se_product_box{width: 95%; }
    .se_product_box h3{font-size: 32px}
    .se_product_box h3 i{font-size: 32px}
    .se_product_box .content_cont{width: 100%; padding: 0 10px}
    .se_product_box .content_cont .top{ padding:20px 10px}
}

@media screen and (max-width: 790px) {
    .inbanner2 {height: 180px;}
    .se_procont{padding: 20% 0 4% 0;}
    .se_procont .s_width{width: 98%; display: block;}
    .se_procont .se_procont_l{width: 100%;}
    .se_procont .se_procont_r{width: 90%;    margin-top: 0;}
    .se_procont .se_procont_r h1{font-size: 25px; padding-top: 3%;}
    .se_procont .se_procont_r .aside {margin-top: 10px;}
    .se_procont .se_procont_r .imax{font-size: 15px;display: none}
    .se_procont .se_procont_r .imax p{line-height: 24px;}
    .se_procont .se_procont_r .btns .btn{min-width: 100px;line-height: 28px;}
    .right-fd{display: none!important;}

    .se_procont .s_width{background: #fff;padding: 0%;width: 95%;}
    #modal-pic {height: 35vh;}
    .se_product_box .se_product_tit{font-size: 23px;width: 150px;padding: 10px 0;}
    .se_product_box .se_product_cont p{font-size: 16px; line-height: 31px;}
}

/*内页新闻详情*/
.newsdetail_page {background-color: #f0f2f4; width: 100%; margin: 0 auto; padding: 4% 0;}
.newsdetail_page .l-container{width: 80%; margin: 0 auto}
.newsdetail_item {padding: 50px 75px;background-color: #ffffff; width: 75%; margin: 0 auto;}
.newsdetail_title {border-bottom: 1px solid #e5e5e5;text-align: center;}
.newsdetail_title h3 {font-size: 32px;font-weight: bold;line-height: 42px;padding: 0px 15px;color: #333333;}
.newsdetail_title span {padding: 45px 0px 40px;display: block;font-size: 16px;color: #666666;}
.news_detail {padding: 40px 0px;}
.news_detail p {font-size: 17px;line-height: 36px;color: #333333;text-indent: 2em;}
.news_detail img {margin: 10px auto;display: block;}
.news_nextprev {border-top:1px solid #e5e5e5;padding: 40px 0px;margin: 80px 0px;align-items: flex-start;}
.news_nextprev_l a {width: 136px;height: 51px;border-radius: 25px;border: solid 1px #bdbdbd;justify-content: center;margin-bottom: 10px;transition: all .5s;}
.news_nextprev_l a p {font-size: 16px;color: #666666;}
.news_nextprev_l a img {height: 12px;margin-left:15px;}
.news_nextprev_l a:hover {background-color: #00a67e;border-color: #00a67e;}
.news_nextprev_l a:hover p {color: #ffffff;}
.news_nextprev_l a:hover img {filter: grayscale(100%) brightness(200%);}
.news_nextprev_r .bannerdesc_btn {width: 136px;height: 51px;border-radius: 25px;}
.news_nextprev_r .bannerdesc_btn_ico {background-color: #ffffff;height: 43px;width: 43px;top: 4px;right: 4px;}
.news_nextprev_r .bannerdesc_btn a p {left: -4px;top: 14px;}
.news_nextprev_r .bannerdesc_btn_ico img {right: 9px;top: 15px;height: 12px;width: auto;}
.news_nextprev_r .bannerdesc_btn:hover .bannerdesc_btn_ico img {top: 20px;}
.news_detail video {width: 100%;height: 600px;}
.bannerdesc_btn {width: 180px;height: 72px;background: linear-gradient(90deg, #00a67e 0%, rgba(91, 163, 79, 0.08) 100%);border-radius: 36px;position: relative;}
.bannerdesc_btn a {width: 100%;height: 100%;}
.bannerdesc_btn a p {font-size: 16px;padding-left: 20px;color: #f5f5f5;position: absolute;left: 6px;top: 24px;z-index: 2;transition: all .5s;}
.bannerdesc_btn_ico {width: 60px;height: 60px;border-radius: 30px;background-color: #f5f5f5;transition: all .5s;position: absolute;right: 6px;top: 6px;z-index: 1;}
.bannerdesc_btn_ico img {width: 26px;position: absolute;right: 16px;top: 20px;}
.bannerdesc_btn:hover a p {color: #00a67e;}
.bannerdesc_btn:hover .bannerdesc_btn_ico {width: 100%;height: 100%;border-radius: 36px;top: 0px;right: 0px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}
.bannerdesc_btn:hover .bannerdesc_btn_ico img {top: 25px;}

.se_product_cont h2{ font-size: 30px;color: #3a4a64;line-height: 40px;margin-bottom: 20px;background: url(../images/new-tag.png) no-repeat left 5px;padding-left:42px;margin-top: 4%}

@media screen and (max-width: 1024px) {
    .newsdetail_page .l-container{width: 100%; margin: 0 auto}
    .newsdetail_item {padding: 50px 15px; width: 95%;}
    .newsdetail_title h3 {font-size: 26px;font-weight: bold;line-height: 36px;padding: 0px 15px;color: #333333;}
    .newsdetail_title span{padding: 24px 0px 20px;}
    .news_detail p{font-size: 16px; line-height: 31px}
}

/*内页团队风采*/
.rongyumain {padding: 100px 0 90px;}
.cer8{ max-width: 1600px; margin:0 auto; padding: 0 30px;}
.rongyumain h2.btitle {font-size: 36px;color: #333;line-height: 54px;font-weight: bold;text-align: center;height: 54px;overflow: hidden;}
.rongyumain .intro {margin: 20px auto 0;font-size: 16px;color: #555;line-height: 32px;max-width: 1200px;text-align: center;}

@media screen and (max-width: 840px) {
    .cer8{  padding: 0 0px;}
}
/*内页合作案例*/
.kehulist {overflow: hidden;margin: 90px 0 72px;border-top: 1px solid #f2f2f2;border-left: 1px solid #f2f2f2;}
.kehulist li {float: left;width: 20%;text-align: center;}
.kehulist li a {display: block;background-color: #fff;overflow: hidden;border-bottom: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;}
.kehulist .pic {width: 100%;height: 138px;overflow: hidden;font-size: 0;line-height: 138px;}
.kehulist img {max-width: 70%;max-height: 70%;-webkit-transition: 0.3s;transition: 0.3s;}
.kehulist li:hover img {-webkit-transform: scale(1.04, 1.04);transform: scale(1.04, 1.04);}
.huotip {font-size: 18px;color: #666;line-height: 38px;text-align: center;position: relative;height: 38px;}
.huotip span {display: inline-block;vertical-align: top;letter-spacing: 1px;padding: 0 26px;}
.huotip i {display: inline-block;width: 40px;height: 1px;vertical-align: middle;background-color: #666;}
@media screen and (max-width: 1280px) {
    .kehulist li {width: 25%;}
}
@media screen and (max-width: 960px) {
    .huobanmain {padding: 100px 0 60px;}
    .huobanmain h2.btitle {font-size: 32px;}
    .kehulist li {width: 33.33%;}
    .huocon {line-height: 30px;}
}
@media screen and (max-width: 640px) {
    .huobanmain {padding: 80px 0 60px;}
    .kehulist li {width: 50%;}
}

/*维保服务*/
.se_fuwu{width: 100%; margin:  auto;background:url('../images/culture.jpg') no-repeat right top;}
.se_fuwu .s_width{width: 75%; margin: 5% auto}
.se_fuwu p{font-size: 18px; line-height: 36px}
.se_fuwu p span{background: #f59950; padding: 10px 20px; color: #fff; font-size: 20px; font-weight: bold; margin:15px 0;display: inline-block }

@media screen and (max-width: 960px) {
    .se_fuwu .s_width{width: 95%;}
    .se_fuwu p{font-size: 16px; line-height: 31px}
    }

.layui-btn{background: none;   color: #000;font-size: var(--size-20);border: none;}

.sepro_list{width: 100%; margin: 0 auto; background: #eef1f4; padding: 4% 0}
.sepro_list ul{display: flex; display:-webkit-flex;-webkit-justify-content: left;   justify-content:left;flex-wrap: wrap;width: 85%; margin: 0 auto 0 auto;}
.sepro_list li{width: 13%; height: 60px;  margin: 0 5px 20px 5px; border:1px dashed transparent; border-color: rgba(151, 151, 151, 0.5); font-size: 18px; text-align: center;display: flex; align-items: center;-webkit-align-items: center;justify-content:center;transition: .5s; }
.sepro_list li a{color: #000;}
.sepro_list li:hover{background: #1f60b5;}
.sepro_list li:hover a{color: #fff;}
.sepro_list li.cu_active {  background: #1f60b5;display: block;display: flex; align-items: center;-webkit-align-items: center;justify-content:center;}
.sepro_list li.cu_active a{color:#fff;font-weight: bold;}

.detail-ones iframe{width: 80%; margin: 0 auto; height: 450px}

@media screen and (max-width:1440px){
    .sepro_list ul{width: 90%;}
    .sepro_list li{ font-size: 16px}
}

@media screen and (max-width:1023px){
    .sepro_list ul{-webkit-justify-content:space-between;   justify-content: space-between;}
    .sepro_list li{width: 49%; font-size: 16px; height: 40px; padding: 0; margin: 0 0 10px 0;}
    .detail-ones iframe{width: 100%; margin: 0 auto; height: 250px}
}

.fysout {padding: 128px 20px 5px;background: url('../images/whbg3.jpg') center no-repeat;}
.fyslist {position: relative;width: 100%;height: 666px;}
.fyslist .quan1 {position: absolute;left: 50%;top: 50%;z-index: 10;width: 220px;height: 220px;margin-left: -110px;margin-top: -110px;/*animation: rotate360 8s linear 0s infinite;*/pointer-events: none;border-radius: 50%;}
.fyslist .quan2 {position: absolute;left: 50%;top: 0;z-index: 0;width: 560px;height: 100%;background: url('../images/handball.png') center no-repeat;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}
.fyslist li {position: absolute;z-index: 3;width: 520px;}
.fyslist li .hx {position: relative;width: 100%;height: 1px;margin: 29px 0;}
.fyslist li .hx:before {content: '';position: absolute;top: -5px;z-index: 0;width: 12px;height: 12px;border-radius: 50%;}
.fyslist li .hx:after {content: '';position: absolute;top: 0;z-index: 0;width: 0;height: 0;border-bottom: 1px dashed;opacity: 0;-webkit-transition: 0.5s;transition: 0.5s;}
.fyslist li.on .hx:after {opacity: 1;width: 166px;}
.fyslist li h3 {font-size: 20px;color: #222;line-height: 26px;font-weight: bold;height: 26px;overflow: hidden;padding: 0 20px;}
.fyslist li .txt {font-size: 16px;color: #444;line-height: 30px;height: 90px;padding: 0 20px;}
.fyslist li p {max-width: 352px;max-height: 90px;overflow: hidden;}
.fyslist li a {position: absolute;right: -55px;bottom: 24px;z-index: 1;width: 120px;height: 40px;border-radius: 20px;background-color: #44bffe;opacity: 0;-webkit-transition: 0.5s;transition: 0.5s;}
.fyslist li:hover a {opacity: 1;}
.fyslist li.i2,.fyslist li.i3 {left: 0;text-align: right;}
.fyslist li.i1,.fyslist li.i4 {right: 0;text-align: left;}
.fyslist li.i1,.fyslist li.i2 {top: 77px;}
.fyslist li.i3,.fyslist li.i4 {bottom: 64px;}
.fyslist li.i5{left: 0;text-align: right; top: 40%}
.fyslist li.i6{right: 0;text-align: left;top: 40%}
.fyslist li.i1 .hx {background-color: #2ba2cd;}
.fyslist li.i2 .hx {background-color: #2778be;}
.fyslist li.i3 .hx {background-color: #0376cf;}
.fyslist li.i4 .hx {background-color: #2778be;}
.fyslist li.i5 .hx {background-color: #2778be;}
.fyslist li.i6 .hx {background-color: #2778be;}
.fyslist li.i1 .hx:before {background-color: #2ba2cd;left: 0;}
.fyslist li.i2 .hx:before {background-color: #2778be;right: 0;}
.fyslist li.i3 .hx:before {background-color: #0376cf;right: 0;}
.fyslist li.i4 .hx:before {background-color: #0376cf;left: 0;}
.fyslist li.i5 .hx:before {background-color: #0376cf;right: 0;}
.fyslist li.i6 .hx:before {background-color: #0376cf;left: 0;}
.fyslist li.i1 .hx:after {border-color: #2ba2cd;right: 100%;-webkit-transform: rotate(-30deg);transform: rotate(-30deg);-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;}
.fyslist li.i2 .hx:after {border-color: #2778be;left: 100%;-webkit-transform: rotate(30deg);transform: rotate(30deg);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.fyslist li.i3 .hx:after {border-color: #0376cf;left: 100%;-webkit-transform: rotate(-30deg);transform: rotate(-30deg);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.fyslist li.i4 .hx:after {border-color: #22b6b1;right: 100%;-webkit-transform: rotate(30deg);transform: rotate(30deg);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
.fyslist li.i1 p,.fyslist li.i4 p,.fyslist li.i6 p {float: left;}
.fyslist li.i2 p,.fyslist li.i3 p ,.fyslist li.i5 p{float: right;}
/*.fyslist li.i1 .inner:before,.fyslist li.i3 .inner:before{ right: -11px;
background: url('../images/sjr-fys.png') center no-repeat;}
.fyslist li.i2 .inner:before,.fyslist li.i4 .inner:before{ left: -11px;
background: url('../images/sjl-fys.png') center no-repeat;}*/
.coretu {position: absolute;width: 450px;height: 450px;z-index: 2;background-color: #fff;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);left: 50%;top: 50%;border-radius: 50%;}
.coretu dd {position: absolute;z-index: 3;width: 225px;height: 225px;}
.coretu dd .pic {position: absolute;z-index: 1;width: 100%;height: 100%;overflow: hidden;opacity: 0;-webkit-transition: 0.4s;transition: 0.4s;}
.coretu dd.on .pic {opacity: 1;width: 239px;height: 239px;}
.coretu dd .pic img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.coretu dd .dot {position: absolute;z-index: 0; top:27%;color: #fff; font-size:102px}
.coretu dd.i1,.coretu dd.i2 {bottom: 50%;margin-bottom: 1px;}
.coretu dd.i3,.coretu dd.i4 {top: 50%;margin-top: 1px;}
.coretu dd.i2,.coretu dd.i3 {right: 50%;margin-right: 1px;}
.coretu dd.i1,.coretu dd.i4 {left: 50%;margin-left: 1px;}
.coretu dd.i1 {background-color: #0376cf;border-top-right-radius: 100%;}
.coretu dd.i2 {background-color: #ff8d1a;border-top-left-radius: 100%;}
.coretu dd.i3 {background-color: #0376cf;border-bottom-left-radius: 100%;}
.coretu dd.i4 {background-color: #ff8d1a;border-bottom-right-radius: 100%;}
.coretu dd.i1 .dot {left: 38px;bottom: 0px; }
.coretu dd.i2 .dot {right: 38px;bottom: 0px;}
.coretu dd.i3 .dot {right: 38px;top: 0; }
.coretu dd.i4 .dot {left: 38px;top:0; }


.coretu dd.i1 .pic {left: 0;bottom: 0;border-top-right-radius: 100%;-webkit-transform-origin: 0 100%;transform-origin: 0 100%;}
.coretu dd.i2 .pic {right: 0;bottom: 0;border-top-left-radius: 100%;-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%;}
.coretu dd.i3 .pic {right: 0;top: 0;border-bottom-left-radius: 100%;-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
.coretu dd.i4 .pic {left: 0;top: 0;border-bottom-right-radius: 100%;-webkit-transform-origin: 0 0;transform-origin: 0 0;}
@media screen and (max-width: 1500px) {
.fyslist li {width: 420px;}
}
@media screen and (max-width: 1300px) {
.fyslist li {width: 320px;}
.fyslist li.on .hx:after {opacity: 1;width: 120px;}
}
@media screen and (max-width: 1024px) {
.fyslist li.i1,.fyslist li.i2 {top: -47px;}
.fyslist li.i3,.fyslist li.i4 {bottom: -33px;}
.fyslist li .hx:after {display: none;}
.fyslist li .hx {margin: 19px 0;}
    .fysout{padding: 85px 2px  25px 5px;background-attachment: fixed;}
    .coretu{width: 180px; height: 180px; top: 39%;}
    .coretu dd{width: 140px; height: 140px}
    .coretu dd .dot{font-size: 65px}
    .fyslist li.i5{top: 61%}
    .fyslist li.i6{top: 61%}
}
@media screen and (max-width: 700px) {
.fyslist li h3 {font-size: 14px;}
.fyslist li {width: 50%;}
.fyslist li .txt {height: auto;min-height: 90px;padding: 0 10px;}
.coretu dd.on .pic {width: 219px;height: 219px;}
}
.chenjiumain {padding: 122px 0 125px;background: url('../images/chengjiubg.jpg') bottom no-repeat;}
@media screen and (max-width: 1024px) {
.chenjiumain {padding: 100px 0;}
}
@media screen and (max-width: 750px) {
.chenjiumain {padding: 80px 0;}
}